<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图表</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/Resource/css/pignose.tab.min.css" />
    <link href="${pageContext.request.contextPath}/image/logo.png" rel="Shortcut Icon">
    <style type="text/css">
        #wrapper {
            padding-bottom: 40px;
        }

        .article {
            max-width: 1200px;
            width: 90%;
            border-top: 1px solid #efefef;
            font-family: 'Raleway', 'helvetica', 'sans-serif';
            text-align: center;
        }

        .article h3 {
            margin-bottom: 40px;
        }

        .article table {
            font-size: 115%;
            text-align: left;
        }

        .article pre {
            font-size: 115%;
        }

        .tab {
            width: 100%;
            max-width: 700px;
            margin: 20px auto;
            border: 1px solid rgb(220,229,234);
            padding: 5px;
        }

        .nav.tab {
            width: auto;
            max-width: 100%;
            margin: 0;
            border: 0;
            padding: 0;
            border-bottom: 1px solid #ddd;
        }

        .pignose-sub-tab {
            border: 0;
            margin: 0;
            padding: 0;
        }
        .table {
            width: 100%;
            table-layout: fixed;
        }

        .table .subject {
            text-align: left;
            padding-left: 5%;
        }

        .table .date {
            text-align: right;
            padding-right: 5%;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <div class="article">
        <div class="tab">
            <ul>
                <li>
                    <a href="#">净值走势图</a>
                    <div>
                        <div class="tab">
                            <ul>
                                <li>
                                    <a href="#">近1月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/january?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近3月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/march?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近6月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/june?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近1年</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/year?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近3年</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/triennium?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">今年以来</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/thisyear?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">最大</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/maximum?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li>
                    <a href="#">收益走势图</a>
                    <div>
                        <div class="tab">
                            <ul>
                                <li>
                                    <a href="#">近1月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/january2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近3月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/march2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近6月</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/june2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近1年</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/year2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">近3年</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/triennium2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">今年以来</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/thisyear2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">最大</a>
                                    <div>
                                        <iframe frameborder="0" scrolling="no" src="/Anonymous/maximum2?fId=${requestScope.fId}" height="250px" width="650px"></iframe>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="${pageContext.request.contextPath}/Resource/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/Resource/js/pignose.tab.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('.tab').pignoseTab({
            animation: true,
            children: '.tab'
        });
    });
</script>
</body>
</html>
